<template>
  <div class="common-footer common-fluid" style="margin-top: 0px;">
    <div class="common-container footer-box">
      <p>ICP备案号:
        <a href="/" target="_blank">{{ site.icp }}</a>
        <a style="margin:10px">运营商:{{ site.icp }}</a>
        <a href="/" target="_blank">
          <img src="http://baota.111zh.cn/Public/Front/xinmeng1/images/icp.png" alt="" style="margin-right: 5px;vertical-align: middle;">公安网备{{ site.icp2 }}号</a>
        <a href="/complain" target="_blank" style="margin-left: 10px;">
          <img src="http://baota.111zh.cn/Public/Front/xinmeng1/images/jingcha.png" style="margin-right: 5px;vertical-align: middle;margin-top: -5.5px;">投诉举报</a>
      </p></div>
  </div>
</template>

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState({
      site: (state) => state.site
    })
  }
}
</script>

<style lang="scss" scoped>
.common-fluid{
  position: relative;
  width: 100%;
}
.common-footer{
  background:lightgray;
  padding: 20px 0;
  margin-top: 15px;
  border-top:1px solid rgba(0,0,0,.1);
}
/*1200px定宽*/
.common-container{
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

/*共用全屏*/
.common-fluid{
  position: relative;
  width: 100%;
}
img{
  width: 1%;
}
.footer-box{
  overflow: hidden;
}
.footer-box p{
  text-align: center;
  color: #333;
  line-height: 30px;
}
</style>
